<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>无限极创新资讯分享后台</title>
    <link href="images/style.css" rel="stylesheet" type="text/css" />
    <script src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
    <script src="js/layer/layer.js"></script>

</head>
    
<body>     
    <div id="tagmanage-wrap">
        <div class="addbtn">新增</div>
        <div class="title">标签列表</div>
        <div class="table">
            <div class="head">
               <li class="checkbox"></li>
               <li class="idname">ID</li>
               <li class="tagname">标签名</li>
               <li class="along">所属集合</li>
               <li class="linktag">关联标签</li>
               <li class="note">备注</li>
               <li class="same">同义词</li>
               <li class="see">关注人数</li>
               <li class="setup">操作</li>
            </div>
            <!-- 表格具体内容 -->
            <!-- <div class="detail">
               <li class="checkbox">
                    <input type="checkbox">
                </li>
               <li class="idname">2</li>
               <li class="tagname">无企业管理</li>
               <li class="along">职员</li>
               <li class="linktag">自动波，美文鉴赏，思维...</li>
               <li class="note">备注</li>
               <li class="same">Infinitus,INFINITUS</li>
               <li class="see">151</li>
               <li class="setup">
                 <div class="show">
                   请选择
                 </div>
                 <select class="selectbox">
                   <option selected value="">请选择</option>
                   <option value="1">1</option>
                   <option value="2">2</option>
                   <option value="3">3</option>
                   <option value="4">4</option>
                 </select>
               </li>
            </div> -->
            
        </div>
        <div class="foot">          
            <input type="checkbox" id="all" class="istrue" />
            <label for="all">全选</label>
            <span class="delect">批量删除</span>
            <div class="page">
              <img src="images/qiehuan1.png" alt="">
              <span>1/1</span>
              <img src="images/qiehuan2.png" alt="">
            </div>
        </div>

        
    </div>
</body>

<script>
	$(function(){

           
        for(var i=0;i<11;i++){
          var str='<div class="detail">'+
                  '<li class="checkbox">'+
                    '<input type="checkbox">'+
                '</li>'+
               '<li class="idname">'+i+'</li>'+
               '<li class="tagname">无企业管理</li>'+
               '<li class="along">职员</li>'+
               '<li class="linktag">自动波，美文鉴赏，思维...</li>'+
               '<li class="note">备注</li>'+
               '<li class="same">Infinitus,INFINITUS</li>'+
               '<li class="see">151</li>'+
               '<li class="setup">'+
                 '<div class="show">请选择</div>'+
                 '<select class="selectbox">'+
                   '<option selected value="">请选择</option>'+
                   '<option value="1">1</option>'+
                   '<option value="2">2</option>'+
                   '<option value="3">3</option>'+
                   '<option value="4">4</option>'+
                 '</select>'+
               '</li>'+
               '</div>';
          $('.table').append(str);
        }

         //全选按钮
       $("#all").on("click",function(){
        //console.log($(".checkbox").length);
       var pan= $(this).hasClass("istrue");
       if(pan){
        $(this).removeClass("istrue");
        $(".checkbox").find("input").prop("checked",true);
       }
       else{
        $(this).addClass("istrue");
        $(".checkbox").find("input").prop("checked",false);
       }
       });

       //模拟下拉框
       $(".setup .selectbox").change(function(e){
          var thisval=$(e.currentTarget).val();
          $(this).parent().find(".show").text(thisval);
       });

       //新增标签
       $(".addbtn").on("click",function(){

        layer.open({
            type: 2,
            title: "添加标签",
            closeBtn: 2,
            shadeClose: true,
            shade: 0.8,
            area: ['580px', '90%'],
            content: 'layerpage/addtag.html' //iframe的url       
        });


       })

        //删除功能
       $('.delect').on("click",function(){
          $(".detail").each(function(){
              var check=$(this).find("input[type='checkbox']");
              if($(check)[0].checked){
                $(this).remove();
              } 
          })
       });
      
       
        


  })
</script>

</html>


